<template>
  <div class="FirstPay">
    <h3><span class="tag"></span>首充特惠</h3>
    <!-- 苹果 -->
    <div class="item">
      <div>IOS</div>

      <el-input
        onkeyup="this.value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')"
        v-model="ios.rmb"
      ></el-input>

      <div>RMB&nbsp;&nbsp;&nbsp;=</div>

      <el-input
        onkeyup="this.value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')"
        v-model="ios.coins"
      ></el-input>

      <div>金币</div>
      <el-button class="btn">更新</el-button>
      <el-switch
        v-model="ios.bol"
        active-color="#13ce66"
        inactive-color="#ebeff8"
        active-value="1"
        inactive-value="0"
        style="margin-left: 30px"
      >
      </el-switch>
    </div>
    <!-- 安卓 -->
    <div class="item">
      <div>Android</div>

      <el-input
        onkeyup="this.value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')"
        v-model="ios.rmb"
      ></el-input>

      <div>RMB&nbsp;&nbsp;&nbsp;=</div>

      <el-input
        onkeyup="this.value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')"
        v-model="ios.coins"
      ></el-input>

      <div>金币</div>
      <el-button class="btn">更新</el-button>
      <el-switch
        v-model="ios.bol"
        active-color="#13ce66"
        inactive-color="#ebeff8"
        active-value="1"
        inactive-value="0"
        style="margin-left: 30px"
      >
      </el-switch>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      ios: {
        rmb: 30,
        coins: 600,
        bol: "1",
      },
    };
  },
};
</script>

<style lang="less" scoped>
.FirstPay {
  h3 {
    margin: 0 0;
    display: flex;
    align-items: center;
    .tag {
      display: inline-block;
      width: 5px;
      height: 18px;
      background-color: #7b94d8;
      margin-right: 10px;
    }
  }
  .item {
    margin-top: 20px;
    display: flex;
    align-items: center;
    div {
      width: 60px;
      margin-right: 10px;
    }
    .el-input {
      width: 100px;
    }
  }
}
</style>